import React from 'react'

import GoBackLayout from "../../layouts/GoBackLayout/GoBackLayout"
import CustomButton from "../../shared-components/CustomButton/CustomBotton"

import WechatIcon from "../../res/images/web/auth/wechat-icon.png"
import {WingBlank} from "antd-mobile"
import './wechat-login.css'

const WechatLoginContainer = props => {
    const {history,} = props

    const t = (
        <>
            <div className='wechat-login-upper'>
                <img src={WechatIcon} alt=''/>
                <p
                    className='wechat-login-text'
                >
                    登录需要微信授权
                </p>
            </div>
            <WingBlank>
                <div style={{marginBottom: '5vh',}}>
                    <CustomButton
                        shadow='0px 6px 10px 0px rgba(250,114,104,0.4)'
                    >
                        微信登陆
                    </CustomButton>
                </div>

            </WingBlank>
        </>
    )

    return (
        <div className='fixed-flex-form-container'>
            <GoBackLayout
                history={history}
                title='登录'
            >
                {t}
            </GoBackLayout>
        </div>

    )
}

export default WechatLoginContainer
